<div class="activityBox" [class.stopScroll]="!rulesHide || !stampHide">
	<!-- 用户信息 -->
	<user [username]="user_name" [phone]="user_phone"></user>
	<!-- 大标题 -->
	<img src={{ribbonImg}} class="ribbonImg">
	<div class="titleBox"></div>
	<!-- 主要内容 -->
	<div class="contentBox">
		<!-- 小镇标题 -->
		<div class="stamp_title"></div>
		<!-- 邮戳列表 -->
		<ul class="stampList">
			<li *ngFor = "let item of stampList;let i = index" (click)="checkStamp(i)"  [class.grey]="item.own == 0">
				<div class="logoBox">
					<img src={{item.imgSrc}}>
				</div>
				<p class="check_btn">查看邮戳</p>
			</li>
			<li>
				<p class="collect_title">已经成功收集了{{stamp_num}}个邮戳!</p>
				<p class="collect_rules">集齐6个或以上即可到抽奖区兑换大转盘抽奖，每个号码只能兑换一次。</p>
			</li>
		</ul>
		<!-- 集邮未完成按钮 -->
		<div class="rulesBox_01" [class.hide]="finished">
			<a href="javascript:" (click) = "rules_btn()"></a>
		</div>
		<!-- 集邮完成按钮 -->
		<div class="rulesBox_02 clear" [class.hide]="!finished">
			<a href="javascript:" (click) = "rules_btn()" class="left"></a>
			<a href="javascript:" (click) = "share_btn()" class="right"></a>
		</div>
		<!-- 集邮完成邮戳 -->
		<div class="finishStamp" [class.hide]="!finished"></div>
	</div>
	<div class="introBox">
		<img src="../../wxassets/twoyear/assets/images/QRcode.png">
	</div>
	<div class="adverPara"></div>
</div>

<!-- 遮罩层 -->
<div class="shade" [class.hide]="rulesHide && stampHide"></div>

<!-- 规则详情弹窗 -->
<div class="rules_details" [class.hide]="rulesHide">
	<a href="javascript:;" (click)="closeRules()"></a>
</div>

<!-- 邮戳详情弹窗 -->
<div class="stamp_details" [class.hide]="stampHide">
	<p class="stamp_name">{{stamp_name}}</p>
	<a href="javascript:;" (click)="closeStamp()" class="closeBtn"></a>
	<div class="bigLogo">
		<img src="{{stamp_src}}">
	</div>
	<p class="stamp_intro">{{stamp_desc}}</p>
	<a href="{{stamp_link}}" class="link_btn" [class.hide]="linkHide"></a>
</div>